<div class="hidden">
	<div id="promoter_form">
		<div class="modal_header">
			<strong>Add promoter</strong>
		</div>
		<div class="clear"></div>
		<div class="modal_form">
			<div id="type" class="input_box">
				<label>Type:</label>
				<span class="helptext">Choose type of the the promoter elements</span>
				<select name="type">
					<option value="undefined" selected="selected" >select</option>
					<option value="constitutive">constitutive</option>
					<option value="activate">activate</option>
					<option value="repress">repress</option>
				</select>
			</div>
			<div id="expr" class="input_box">
				<label>Expression:</label>
				<span class="helptext">Enter the expression</span>
				<input type="text" name="expr" /><br />
			</div>
			<div id="factor" class="input_box">
				<label>Factor:</label>
				<span class="helptext">Choose factor of the promoter elements</span>
				<select name="factor">
					<option value="undefined" selected="selected" >select</option>
					{% for f in request.session.ts_program.tp.factor_list %}
						<option value="{{f.name}}">{{f.name}}</option>
					{% endfor %}
				</select>		
			</div>
			<div id="expr1" class="input_box">
				<label>Expression 1:</label>
				<span class="helptext">Enter the expression 1</span>
				<input type="text" name="expr1" /><br />
			</div>
			<div id="expr2" class="input_box">
				<label>Expression 2:</label>
				<span class="helptext">Enter the expression 2</span>
				<input type="text" name="expr2" /><br />
			</div>

			<div id="control" class="input_box">
                                <button id="next">Save & Next</button>
				<button id="ok">Finish</button>
				<!--<button id="cancel">Cancel</button>-->
			</div>
		</div> 
	</div> 
</div>